<template>
	<uv-collapse-item :border="false" :title="label" >
		<template v-if="text">
			<view class="bg-light p-20 flex align-center rounded">
				<text >{{text}}</text>
			</view>
		</template>
		<template v-else>
			<view class="bg-light p-20 flex align-center rounded">
				<slot></slot>
			</view>
		</template>
		
	</uv-collapse-item>
</template>

<script>
	export default {
		props: {
			label: {
				type: String,
				default: ''
			},
			text: {
				type: String,
				default: ''
			},
			labelStyle: {
				type:String,
				default: 'width:140rpx;'
			},
			labelWidth: {
				type: [String,Number],
				default: "120"
			},
			align:{
				type:String,
				default: 'align-center'
			},
			borderButtom: {
				type: Boolean,
				default:false
			}
		},
		computed: {
			astyle(){
				if(this.borderButtom){
					return `${this.align} border-bottom`
				}else{
					return `${this.align}`
				}
			}
		},
	}
</script>

<style>
</style>